<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.  引入axios -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        // 用axios来发ajax请求
        // 格式
        // axios({
        //     // 请求方式 get|post|put|patch|delete  大小写不区分
        //     method: 'get',
        //     // 路径上传参在url后进行拼接
        //     url: 'http://localhost:3000/brands/1',
        //     // ?后键值对传参
        //     params: {},
        //     // 请求体传参
        //     data: {},
        //     // 请求头传参
        //     headers: {}
        // }).then(res=>{
        //     console.log('成功')
        // }).catch(err=>{
        //     console.log('失败')
        // })

        // 2. 根据axios的格式要求，发请求
        var rs = axios({ method: 'get', // 请求的方式
            // url:'http://localhost:3000/assets1212121?name_like=头'  // 请求的接口地址
            url:'http://localhost:3000/assets?name_like=头'  // 请求的接口地址
        })
         
        console.dir(rs)
        // axios()的执行结果是一个Promise对象。
        // 按Promise的用法，它的后面就可以接.then().catch()
        // 如果Promise的状态是rejected ，则会进入catch结构。
        // 如果Promise的状态是resolved , 则会进入then结构


        rs.then(res => {
            console.log('请求回来的数据')
            // res是请求成功之后，axios给我们封装好的数据
            // 它是一个对象，其中data 属性 保存着从接口处获取数据
            console.log(res)
            console.log(res.data)
        }).catch(err => {
            // 如果本次请求出错，则会:
            // 1.进入catch
            // 2.传入错误对象 err
            console.log('失败')
            console.dir(err)
        })
    </script>
</body>
</html>